.container {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
}

/*               div1    */
.friengd_div1 {
    height: 35px;
    width: 100%;
    flex-direction: row;

    background-color: #F6F7F7;
}
/*    返回 按钮 */
.friend_btn {
    margin-left:70%;
    margin-right: 10px;
    height: 35px;
    width: 90px;
    font-size: 20px;
    text-align: center;

}
/*                          标题dogs           */
.frieng_d1_text {
    height: 35px;
    width: 95px;
    margin-left: 10px;
    text-align: center;
/*    background-color: #ECF3F3;*/
}
/*                          div2    */
.friengd_div2{
    
    height: 85px;
    width: 360px;
    background-color: #F6F7F7;
    flex-direction: row;
}
/*                          div2 内容    */
.frieng_d2_text1{
    padding: 5px;
    height: 85px;
    width: 260px;
    text-align: left;
    font-size: 15px;
/*    background-color: aquamarine;*/
}
/*                         div2 div1 点赞 */
.frieng_d2_d1{
    margin-top: 20px;
    height: 60px;
    width: 100px;
    flex-direction: row;
/*    background-color: chartreuse;*/
}
/*                               点赞图片       */
.frieng_d2_1_img{
    margin-top: 10px;
    height: 50px;
    width: 50px;
/*    background-color: fuchsia;*/
}
/*                                   点赞数    */
.frieng_d2_1_text{
    margin-top: 20px;
    height: 50px;
    width: 50px;
    font-size: 18px;
    text-color: antiquewhite;
/*    background-color: antiquewhite;*/
}
/*                      div3            */
.friengd_div3 {
    margin-top: 5px;
    height: 360px;
    width: 100%;
    flex-direction: column;
/*    background-color: aqua;*/
}
/*                  div3  轮播 */
.frieng_swi{
    height: 300px;
    width: 100%;

}
/*                      轮播图片    */
.frieng_d3_img{
    height: 300px;
    width: 100%;

}
/*                          缩小图片    div */
.friengd_d3_d{
    margin-top: 1px;
    height: 60px;
    width: 100%;
    flex-direction: row;
    
}
/*                      缩小图片  */
.frieng_d3_d_img{
    height: 60px;
    width: 100%;
    margin-left: 2px;
    object-fit: contain;/*属性指定元素的内容应该如何去适应指定容器的高度与宽度 contain保持原有尺寸比例。内容被缩放。*/
    opacity:0.6; /*初始图片透明度为0.6*/
}

/* 当前图片被点击处于激活状态时，被点击图片透明度为1*/
.frieng_d3_d_img:active{
    opacity: 1;
}

/*                      主体内容div     */
.friengd_d4_subject{
    height: 280px;
    width: 100%;
    flex-direction: column;
    background-color: #ECF3F3;
}
/*                  主体内容    */
.frieng_d4_text{
    height: 240px;
    width: 100%;
    font-size: 17px;

}
/*                   按钮   */
.frieng_d4_btn{
    height: 40px;
    width: 100%;
    font-size: 25px;

}
.cart-text {
    font-size: 25px;
    text-align: center;
    width: 600px;
    height: 40px;
    background-color: #6495ed;
    color: white;
}

.cart-text-focus {
    font-size: 20px;
    text-align: center;
    width: 300px;
    height: 40px;
    background-color: #4169e1;
    color: white;
}

.add-cart-text {
    font-size: 25px;
    text-align: center;
    width: 600px;
    height: 40px;
    background-color: #ffd700;
    color: white;
}
